﻿@{
    ViewBag.Title = "Index";
    Layout = null;
}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Cafe Online</title>
    <meta name="author" content="cafe online" />
    <meta name="description" content="cafe online" />
    <meta name="keywords" content="admin, admin template, admin theme, responsive, responsive admin, responsive admin template, responsive theme, themeforest, 960 grid system, grid, grid theme, liquid, masonry, jquery, administration, administration template, administration theme, mobile, touch , responsive layout, boostrap, twitter boostrap" />
    <meta name="application-name" content="Cafe online" />

    <!-- Mobile Specific Metas -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <!-- Le styles -->
    <link href="@Url.Content("~/Assets/css/bootstrap/bootstrap.css")" rel="stylesheet" />
    <link href="@Url.Content("~/Assets/css/bootstrap/bootstrap-responsive.css")" rel="stylesheet" />
    <link href="@Url.Content("~/Assets/css/supr-theme/jquery.ui.supr.css")" rel="stylesheet" />
    <link href="@Url.Content("~/Assets/css/icons.css")" rel="stylesheet" />
    <link href="@Url.Content("~/Assets/plugins/forms/uniform/uniform.default.css")" rel="stylesheet" />

    <!-- Main stylesheets -->
    <link href="@Url.Content("~/Assets/css/main.css")" rel="stylesheet" />

    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- Le fav and touch icons -->
    <link rel="shortcut icon" href="~/Assets/images/favicon.ico" />
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="~/Assets/images/apple-touch-icon-144-precomposed.png" />
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="~/Assets/images/apple-touch-icon-114-precomposed.png" />
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="~/Assets/images/apple-touch-icon-72-precomposed.png" />
    <link rel="apple-touch-icon-precomposed" href="~/Assets/images/apple-touch-icon-57-precomposed.png" />

</head>

<body class="loginPage">
    <div class="container-fluid">

        <div id="header">

            <div class="row-fluid">

                <div class="navbar">
                    <div class="navbar-inner">
                        <div class="container">
                            <a class="brand" href="dashboard.html">Cafe Online.<span class="slogan">Admin</span></a>
                        </div>
                    </div>
                    <!-- /navbar-inner -->
                </div>
                <!-- /navbar -->


            </div>
            <!-- End .row-fluid -->

        </div>
        <!-- End #header -->

    </div>
    <!-- End .container-fluid -->

    <div class="container-fluid">

        <div class="loginContainer">
            <form class="form-horizontal" action="dashboard.html" id="loginForm">
                <div class="form-row row-fluid">
                    <div class="span12">
                        <div class="row-fluid">
                            <label class="form-label span12" for="username">
                                Username:
                                <span class="icon16 icomoon-icon-user-3 right gray marginR10"></span>
                            </label>
                            <input class="span12" id="username" type="text" name="username" value="abc" />
                        </div>
                    </div>
                </div>

                <div class="form-row row-fluid">
                    <div class="span12">
                        <div class="row-fluid">
                            <label class="form-label span12" for="password">
                                Password:
                                <span class="icon16 icomoon-icon-locked right gray marginR10"></span>
                                <span class="forgot"><a href="#">Forgot your password?</a></span>
                            </label>
                            <input class="span12" id="password" type="password" name="password" value="123" />
                        </div>
                    </div>
                </div>
                <div class="form-row row-fluid">
                    <div class="span12">
                        <div class="row-fluid">
                            <div class="form-actions">
                                <div class="span12 controls">
                                    <div class="checker" id="uniform-keepLoged">
                                        <span>
                                            <input type="checkbox" name="logged" class="styled" value="Value" id="keepLoged" style="opacity: 0;">
                                        </span>
                                    </div>
                                    Keep me logged in
                                    <button type="submit" class="btn btn-info right" id="loginBtn"><span class="icon16 icomoon-icon-enter white"></span>Login</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </form>
        </div>

    </div>
    <!-- End .container-fluid -->

    <!-- Le javascript
    ================================================== -->
    <script type="text/javascript" src="~/Assets/javascripts/jquery-1.9.1.js"></script>
    <script type="text/javascript" src="~/Assets/javascripts/bootstrap/bootstrap.js"></script>
    <script type="text/javascript" src="~/Assets/plugins/fix/touch-punch/jquery.ui.touch-punch.min.js"></script>
    <script type="text/javascript" src="~/Assets/plugins/fix/ios-fix/ios-orientationchange-fix.js"></script>
    <script type="text/javascript" src="~/Assets/plugins/forms/validate/jquery.validate.min.js"></script>
    @*<script type="text/javascript" src="~/Assets/plugins/forms/uniform/jquery.uniform.min.js"></script>*@

    <script type="text/javascript">
        // document ready function
        $(document).ready(function () {
            //$("input, textarea, select").not('.nostyle').uniform();
            $("#keepLoged").click(function () {
                if ($("#uniform-keepLoged span").hasClass("checked"))
                    $("#uniform-keepLoged span").removeClass();
                else {
                    $("#uniform-keepLoged span").addClass("checked");
                }
            });
            $("#loginForm").validate({
                rules: {
                    username: {
                        required: true,
                        minlength: 1
                    },
                    password: {
                        required: true,
                        minlength: 1
                    }
                },
                messages: {
                    username: {
                        required: "Fill me please",
                        minlength: "My name is bigger"
                    },
                    password: {
                        required: "Please provide a password",
                        minlength: "My password is more that 6 chars"
                    }
                }
            });
            $('#loginForm').submit(function (e) {
                e.preventDefault();
                if ($('#loginForm').valid()) {
                    $.ajax({
                        url: '@Url.Action("Signin", "Login")',
                        data: { Username: $('#username').val(), Password: $('#password').val() },
                        cache: false,
                        type: 'POST',
                        dataType: 'JSON',
                        success: function (data) {
                            if (data.isSuccess) {
                                window.location.href = data.redirectUrl;
                            } else {

                            }
                        }
                    });
                }
            });
        });
    </script>

    <!-- NACHALO NA TYXO.BG BROYACH -->
  @*  <script type="text/javascript">
    <!--
    d = document; d.write('<a href="https://www.tyxo.bg/?138779" title="Tyxo.bg counter"><img width="1" height="1" border="0" alt="Tyxo.bg counter" src="' + location.protocol + '//cnt.tyxo.bg/138779?rnd=' + Math.round(Math.random() * 2147483647));
    d.write('&sp=' + screen.width + 'x' + screen.height + '&r=' + escape(d.referrer) + '"></a>');
    //-->
    </script>
    <noscript>
        <a href="http://www.tyxo.bg/?138779" title="Tyxo.bg counter">
            <img src="https://cnt.tyxo.bg/138779" width="1" height="1" border="0" alt="Tyxo.bg counter" /></a>
    </noscript>*@
    <!-- KRAI NA TYXO.BG BROYACH -->
</body>
</html>
